@charset "utf-8";
.grindex .one02{
	position:relative;
	width:100%;
	height:450px;
	padding:3em 0 0;
	overflow-x:hidden;
	
}
@media only screen and (max-width: 1024px) {
	.grindex .one{
	padding:0;
	
}
}
.one-inner {
	position:relative;
	width:100%;
	height:100%;
	
	
	
	
	
}
.one-inner .slider-overlay{
	position:absolute;
	width:100%;
	height:100%;
	display:table;
	top:0;
	left:0;
	bottom:0;
	right:0;
	background:rgba(0,0,0,0.5);
	z-index:0;
}
.one-inner .art-title{
	display:table-cell;
	vertical-align:middle;
	padding-top:1em;
	text-align:center;
}

.one-inner .art-title h1{
	font-family:"Open Sans Condensed", serif;
	color:#fff;
	font-size:3.18em;
	margin:0;
	padding:0;
	line-height:1.0;
}
.one-inner .art-title h1:before{
	content:'';
	display:block;
	width:1px;
	height:1.5em;
	margin:0.5em auto;
	background:#FFF;
}
@media only screen and (max-width: 768px) {
	.one-inner .art-title h1:before{
	height:1.5em;
	}
}
.one-inner .art-title p{
	color:#FFF;
	margin:1em ;
	
	font-family:"Poppins", serif;
}
.one-inner .art-title p a{
	display:inline-block;
	color:#FFF;
	font-size:0.94em;
	margin:0.5em 0;
	padding:0 0.5em;
	line-height:1;
	border-right:#ffffff 1px solid;
}
.one-inner .art-title p a:hover{
	color:#a60505;
}
.one-inner .art-title p a:last-child{
	border:none;
}
.gr-nav{
	margin-top:1.5em;
	color:#333;
	text-align:center;
	
	display:block;
	overflow-x:auto;
	
	
}
span.gr-title {
	display:block;
	text-align:center;
	padding-top:1em;
	margin:0;
	
}
.gr-title h1{
	font-family:"Playfair Display","Open Sans Condensed", serif;
	color:#222222;
	font-size:2.88em;
}
.gr-title h1:before{
	content:'';
	display:block;
	width:1px;
	height:0.7em;
	background:#333;
	margin:0 auto;
}
.gr-nav ul{
	margin:0 0 1em 0;;
	display:flex;
	display: -webkit-flex;
  display: -ms-flexbox;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
justify-content: center;
/*
	border-top:#e5e5e5 1px solid;
	
	border-bottom:#e5e5e5 1px solid;
	*/
}
.gr-nav ul:after{
	content:'';
	display:block;
	visibility:hidden;
	clear:both;
}

.gr-nav ul li {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	display:inline-block;
	padding:0.5em 1em;
	font-size:0.94em;
	font-weight:600;
	
}
.gr-nav ul li.bo_now{
	border:#990033 1px solid;
}
.gr-nav ul:first-child{
	padding-left:0;
}
.gr-nav ul li a{
	color:#7d7d7d;
	text-transform:uppercase;
}
 .gr-nav ul li.bo_now a, .gr-nav ul li a:hover{
	color:#990033;
	
}
 .gr-nav ul li.bo_now a{
	 font-weight:500;
 }
 .gr-nav ul li.no_con a{
	 color:#c5c5c5;
 }
 .gr-nav ul li.no_con a:hover{
	 color:#7d7d7d;
 }
@media only screen and (max-width: 768px) {
	/*왼쪽 가려지는 현상 수정*/
	.gr-nav ul{
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}
.row-inner{
	padding:0;
}
}
.gr-indexContainer{
	padding:1em 0;
}
@media only screen and (max-width: 1024px) {
	.gr-indexContainer{
	padding:1em 0;
}
}
.media-wrap{
	padding:0;
	background:rgba(255,255,255,0.3);
	
	
	
	
}
@media only screen and (max-width: 768px) {
	.media-wrap{
	padding:0;
	
}
}
.gr-indexContainer h2{
	letter-spacing:3px;
}
.sum-ttl{
	padding:1em 0;
}
.gr-indexContainer .sum-ttl h2:before, .gr-indexContainer .sum-ttl h2:after{
	content:'';
	display:block;
	width:0.6em;
	height:2px;
	background:#990033;
	margin:0.3em auto;
}
 .media-img {
	position: relative;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.26%;
	
	overflow:hidden;
}
 .media-img img.response{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.tx-cont{
	display:inherit;
	padding:1.5em 0 0 5em ;
}
@media only screen and (max-width: 768px) {
	.tx-cont{
	
	padding:1.5em 0 1.5em 1em ;
}
}